<template>
  <div class="me">
    <div class="head">
      <div class="head_portrait"><img src="../../imags/icon_购买.png" alt=""></div>
      <div class="head_ation">
        <div class="head_name">爱吃小丸子</div>
        <div class="head_photo">15237518564</div>
      </div>
    </div>
    <div class="me-list">
        <div class="me_style wallet">我的钱包<span><span class="wallet_right">立即充值</span><i class="fa fa-chevron-right" aria-hidden="true"></i></span></div>
        <div class="me_style welfare" @click="welfare()">我的红包<i class="fa fa-chevron-right" aria-hidden="true"></i></div>
        <div class="me_style order" @click="order()">我的订单<i class="fa fa-chevron-right" aria-hidden="true"></i></div>
      <div></div>
      <div></div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
    export default{
        data () {
            return {}
        },
      methods:{
        order(){
          this.$router.push({name:"Order"})
        },
        welfare(){
          this.$router.push({name:"Welfare"})
        }
      }
    }

</script>

<style scoped>
@import "me.css";
</style>
